
@import "../../app";
body{
  background: #fff;
}


.my-about{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  .header{
    height: 350px;
    width: 100%;
    position: relative;
    .img-bg{
      width: 100%;
      height: 100%;
      display: block;
      flex-grow: 2;
    }
    .img-logo{
      width: 178px;
      height: 205px;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: 50px;
    }
  }
  .order-item{
    .list-desc{
    }
  }
  .img-code{
    display: block;
    width: 32px;
    height: 32px;
    padding-left: 10px;
  }
  .img-address{
    display: block;
    width: 21px;
    height: 27px;
    padding-right: 10px;
  }

  .qrcode{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    .flex-base;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    transition: all ease-in-out 0.3s;
    transform: scale3d(0,0,0);
    .content{
      background: #fff;
      border-radius: 10px;
      padding: 50px 80px;
      box-sizing: border-box;
      text-align: center;
    }
    .title{
      font-size: 34px;
      color: #000000;
    }
    .code{
      width: 337px;
      height: 337px;
      border: 1Px solid @border-color;
      padding: 10px;
      box-sizing: border-box;
      margin: 30px ;
    }
    .info{
      font-size: 28px;
      color: #00a0e9;
    }
  }
  .qrcode-active{
    transform: scale3d(1,1,1);
    display: flex !important;
  }
}


